﻿<phone:PhoneApplicationPage 
    x:Class="tumblr.Views.SearchPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:water="clr-namespace:System.Windows.Controls;assembly=WindowsPhoneWatermarkTextBoxControl"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True"
    xmlns:vm="clr-namespace:tumblr.ViewModels"
    DataContext="{Binding}"
    d:DataContext="{d:DesignData ../SampleData/SearchPageSampleData.xaml}">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent" DataContext="{Binding}">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Text="TUMBLR" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="browse" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <StackPanel>
                <water:WatermarkTextBox Text="{Binding Query, Mode=TwoWay, UpdateSourceTrigger=Explicit}" 
                                    KeyUp="TextBox_KeyUp" AcceptsReturn="False" TextChanged="TextBox_TextChanged"
                                    WatermarkText="Enter the URL or username" InputScope="URL"
                                    Height="72"
                                    Background="{StaticResource PhoneTextBoxEditBackgroundBrush}">
                </water:WatermarkTextBox>
                <TextBlock Text="{Binding Error}" Margin="0,-12,12,0" HorizontalAlignment="Right" TextWrapping="Wrap"></TextBlock>
                
                <StackPanel Visibility="{Binding IsSearching, Mode=OneWay, Converter={StaticResource BoolToVisibility}}">
                    <ProgressBar IsIndeterminate="True"></ProgressBar>
                    <TextBlock Text="{Binding QueryUrlHost}" HorizontalAlignment="Center">Searching</TextBlock>
                </StackPanel>
                
                <ListBox Name="recentQueryUrls" Margin="0,0,-12,0" ItemsSource="{Binding RecentQueryUrls}" 
                         Visibility="{Binding IsSearching, Mode=OneWay, Converter={StaticResource BoolToInvisibility}}" SelectionChanged="recentQueryUrls_SelectionChanged">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel>
                                <StackPanel Orientation="Horizontal">
                                    <Image Source="{Binding AvatarUrl}" Width="64" Height="64"></Image>
                                    <TextBlock Text="{Binding Query}" Margin="12,24,0,24" Style="{StaticResource PhoneTextSubtleStyle}" TextWrapping="NoWrap"></TextBlock>
                                </StackPanel>
                                
                                <Line X2="1" StrokeThickness="1" HorizontalAlignment="Stretch" Stretch="Fill">
                                    <Line.Stroke>
                                        <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                            <GradientStop Color="Black" Offset="0" />
                                            <GradientStop Color="White" Offset="1" />
                                        </LinearGradientBrush>
                                    </Line.Stroke>
                                </Line>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
            </StackPanel>
        </Grid>
    </Grid>
 
    <!--Sample code showing usage of ApplicationBar-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>
